﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master/Web.Master" AutoEventWireup="true" CodeBehind="ResearchResult.aspx.cs" Inherits="Axis.Web.Views.Research.ResearchResult" %>

<asp:Content ID="Content1" ContentPlaceHolderID="WebTitle" runat="server">
<asp:Literal ID="TitlePage" runat="server">Bình chọn sản phẩm - 6sao.vn</asp:Literal>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="WebHead" runat="server">
    <script src="../../Js/Jquery/plugins/jquery.highcharts.js"></script>
    <link href="../../Css/Core/CChart.css" rel="stylesheet" />
    <script src="../../Js/Core/CChart.js"></script>
    <link href="Css/view.research.result.css" rel="stylesheet" />
    <script src="Js/view.research.result.js"></script>
    <script type="text/javascript">
        $(function () {
            var chart;
            chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'container',
                    type: 'bar'
                },
                title: {
                    text: ''
                },
                subtitle: {
                    text: ''
                },
                xAxis: {
                    categories: ['Nổi tiếng', 'Hấp dẫn', 'Tiện lợi', 'Dễ dùng', 'Lôi cuốn'],
                    title: {
                        text: null
                    },
                    gridLineWidth: 1
                },
                yAxis: {
                    min: 0,
                    max: 100,
                    title: {
                        text: '',
                        align: 'high'
                    },
                    labels: {
                        overflow: 'justify'
                    }
                },
                tooltip: {
                    formatter: function () {
                        return '' +
                            this.series.name + ': ' + this.y + ' %';
                    }
                },
                plotOptions: {
                    bar: {
                        dataLabels: {
                            enabled: false
                        },
                    }
                },
                legend: {
                    //layout: 'vertical',
                    align: 'right',
                    verticalAlign: 'top',
                    x:0,
                    y: 0,
                    floating: true,
                    borderWidth: 1,
                    backgroundColor: '#FFF',
                    shadow: true
                },
                credits: {
                    enabled: false
                },
                series: [
                    {
                        name: 'Facebook',
                        data: [60, 20, 40, 70, 30]
                    },
                    {
                        name: 'Google+',
                        data: [20, 15, 20, 5, 26]
                    },
                    {
                        name: 'Switter',
                        data: [15, 5, 10, 90, 34]
                    },
                    {
                        name: 'Zing',
                        data: [5, 65, 30, 5, 10]
                    }
                ]
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="WebBody" runat="server">

    <div id="Panel_Research_List">
        <div style="float: left; overflow: hidden;">
            <div class="Research_block Research_block_1">
                <div class="Research_block_header">
                    <img src="../../Uploads/_temp/bc_01.png" />
                </div>
                <div class="Research_block_bottom">
                    <div class="Research_block_title">KS I: THÓI QUEN SỬ DỤNG MẠNG XÃ HỘI CỦA 9X</div>
                    <img class="Research_block_more" src="Css/img/more.png" />
                    <div class="Research_block_separator">
                    </div>
                    <div class="Research_block_description">
                        Tham gia khảo sát ngay, với cơ hội rú thăm trúng thưởng sản phẩm giá trị...
                    </div>
                </div>
            </div>
        </div>
        <div class="research_result_chart">
            <div class="research_result_chart_title">KẾT QUẢ BÌNH CHỌN</div>
            <div id="container" style="width: 450px; height: 600px; margin: 0 auto"></div>
        </div>
    </div>
</asp:Content>
